<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>getElementById获取元素</title>
</head>
<body>
<div id="time">2022-08-25</div>
<script>
  // 1. 因为我们文档页面从上往下加载，所以先得有标签  所以我们script写道标签的下面
  // 2. get 获得 element 元素   by 通过   驼峰命名法
  // 3. 参数 id是大小写敏感的字符串
  // 4. 返回的是一个元素对象
  var timer = document.getElementById('time')  // 参数id得加引号，括号里跟的是字符转
  console.log(timer)
  console.log(typeof timer)
  // 5. console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法
  console.dir(timer)
</script>
</body>
</html>